<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>淘宝网-淘！我喜欢</title>
    <!-- import CSS -->
    <link rel="stylesheet" href="css/eui.css">
    <link rel="stylesheet"
          href="//g.alicdn.com/??tbhome/taobao-2021/0.0.25/lib/style/page-min.css,tbhome/taobao-2021/0.0.25/lib/style/index-min.css">

    <style>
        .q2 {
            text-decoration: none;
            font: 12px/1.5 tahoma, arial, 'Hiragino Sans GB', '\5b8b\4f53', sans-serif;
        }

        #btm_left_mkt {
            border-radius: 18px 0 0 0;
            height: 526px;
            position: relative;
            font-size: 14px;
            background-color: #fff;
            width: 212px;
            float: left;

        }

        .el-card {
            border-radius: 12px
        }

        .el-card:hover {
            color: red;
        }

        element.style {
        }

        a.fixedtool-1.on, a.fixedtool-1:hover {
            background-color: #F40;
        }

        .fixedtool a.on, .fixedtool a:hover {
            z-index: 2;
            text-decoration: none;
            color: #FFF;
            background-repeat: no-repeat;
            font-weight: 700;
            background-repeat: repeat-x;
            background-image: -webkit-linear-gradient(135deg, #ff971b, #ff5000);
            background-image: -o-linear-gradient(135deg, #ff971b, #ff5000);
            background-image: linear-gradient(135deg, #ff971b, #ff5000);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff5000', endColorstr='#ffff6f06', GradientType=1);
        }

        .fixedtool a.fixedtool-1 {
            -webkit-border-top-left-radius: 8px;
            -moz-border-radius-topleft: 8px;
            border-top-left-radius: 8px;
            -webkit-border-top-right-radius: 8px;
            -webkit-background-clip: padding-box;
            -moz-border-radius-topright: 8px;
            -moz-background-clip: padding;
            border-top-right-radius: 8px;
            background-clip: padding-box;
        }

        a.fixedtool-1 {
            color: #F40;
            padding-top: 10px;
            height: 40px;
        }

        a.fixedtool-1, a.fixedtool-6, a.fixedtool-7, a.fixedtool-9 {
            line-height: 17px;
            font-size: 13px;
        }

        .fixedtool a {
            display: block;
            height: 44px;
            position: relative;
            text-decoration: none;
            padding: 6px 8px 0;
            font-size: 14px;
            line-height: 40px;
            background: #fff;
        }

        .a-all {
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s;
        }

        body a {
            color: #3C3C3C;
        }

        a {
            text-decoration: none;
        }

        a {
            cursor: pointer;
        }

        a {
            text-decoration: none;
        }


        a:-webkit-any-link {
        }

        .fixedtool {
            /*display: none;*/
            /*position: absolute;*/
            z-index: 4;
            top: 837px;
            right: 50%;
            width: 50px;
            text-align: center;
            margin-right: -655px;
        }

        body, button, input, select, textarea {
            font: 12px/1.5 tahoma, arial, 'Hiragino Sans GB', '\5b8b\4f53', sans-serif;
        }

        body {
            color: #3C3C3C;
            -webkit-font-smoothing: antialiased;
            background-color: #fff;
        }

        body, button, input, select, textarea {
            font: 12px/1.5 tahoma, arial, 'Hiragino Sans GB', '\5b8b\4f53', sans-serif;
        }

        .fixedtool a:after {
            content: '';
            border-bottom: 1px solid #efefef;
            width: 34px;
            position: absolute;
            left: 8px;
            bottom: -1px;
            z-index: 1;
        }

        .p_img:hover {
            position: relative;
            bottom: 5px;
            /*元素阴影:x偏移值 y偏移值 浓度 范围 颜色*/
            box-shadow: 0 0 5px 2px #333;
            cursor: pointer;
        }
    </style>
</head>
<body>
<!--右部小链接-->
<div style="position:fixed; z-index:99; right: 10%; bottom: 10%;">
    <div class="fixedtool a-all J_FixedTool" data-feedback="" data-version="0.1.33"
         style=" top: 507.333px; display: block; transition: none 0s ease 0s;">
        <span class="tb-ifont wangwang"></span>

        <a href="#" class="a-all fixedtool-1 on" data-tool="goods" aria-hidden="true"
           data-spm-click="gostr=/tbindex;locaid=d1;name=fixed-1">品质<br>好货</a>

        <a href="#" class="a-all fixedtool-6 " data-tool="hotsale" aria-hidden="true"
           data-spm-click="gostr=/tbindex;locaid=d2;name=fixed-2">猜你<br>喜欢</a>

        <a href="#" class="a-all fixedtool-7 " data-tool="gotop" aria-hidden="true"
           data-spm-click="gostr=/tbindex;locaid=d3;name=fixed-3" style="display: none;"><i
                class="tb-ifont"></i>顶部</a>

        <a href="" class="a-all fixedtool-8 " data-tool="" aria-hidden="true"
           data-spm-click="gostr=/tbindex;locaid=d4;name=fixed-4"><i>反馈</i></a>

        <a href="" class="a-all fixedtool-9 " data-tool="" aria-hidden="true"
           data-spm-click="gostr=/tbindex;locaid=d5;name=fixed-5">暴恐</a>
        <a href="" class="a-all fixedtool-9 " data-tool="" aria-hidden="true"
           data-spm-click="gostr=/tbindex;locaid=d5;name=fixed-5">举报</a></div>
</div>
<div id="app">
    <el-container>
        <el-header style="padding: 0;height: 150px;">
            <!--            顶部 菜单栏-->
            <div style="width: 1200px;height: 35px; margin: 0 auto">
                <el-row>
                    <el-col span="12">
                    <span>
              <a href="" class="q2">中国大陆</a>&nbsp;
              <a href="" class="q2" style="color: #f22e00">亲，请登录</a>
              <a href="" class="q2">免费注册</a>&nbsp;
              <a href="" class="q2">手机逛淘宝</a>&nbsp;
              <a href="" class="q2">网页无障碍</a>&nbsp;
            </span>
                    </el-col>
                    <el-col span="12">
                        <div class="header_right">
                            <a href="" class="q2">淘宝首页</a>
                            <a href="" class="q2">
                                <el-dropdown>
                                    <span class="el-dropdown-link" style="text-decoration: none; font-size: 12px">我的淘宝<i
                                            class="el-icon-arrow-down el-icon--right"></i></span>
                                    <el-dropdown-menu slot="dropdown">
                                        <el-dropdown-item>已买到宝贝</el-dropdown-item>
                                        <el-dropdown-item>我的足迹</el-dropdown-item>
                                    </el-dropdown-menu>
                                </el-dropdown>
                            </a>
                            <a href="" style="text-decoration: none; font-size: 12px"><i class="el-icon-shopping-cart-2"
                                                                                         style="color: #FF4400;"></i>购物车</a>
                            <a href="">
                                <el-dropdown>
                            <span class="el-dropdown-link" style="text-decoration: none; font-size: 12px"><i
                                    class="el-icon-star-on" style="color: #9c9c9c;"></i>收藏夹<i
                                    class="el-icon-arrow-down el-icon--right"></i></span>
                                    <el-dropdown-menu slot="dropdown">
                                        <el-dropdown-item class="q2"> 收藏的宝贝</el-dropdown-item>
                                        <el-dropdown-item class="q2">收藏的店铺</el-dropdown-item>
                                    </el-dropdown-menu>
                                </el-dropdown>
                            </a>
                            <a href="" class="q2">商品分类</a>
                            <a href="" class="q2">免费开店</a>
                            <el-divider direction="vertical"></el-divider>
                            <a href="">
                                <el-dropdown>
                            <span class="el-dropdown-link" style="text-decoration: none; font-size: 12px">千牛卖家中心<i
                                    class="el-icon-arrow-down el-icon--right"></i></span>
                                    <el-dropdown-menu slot="dropdown">
                                        <el-dropdown-item class="q2">开店入驻</el-dropdown-item>
                                        <el-dropdown-item class="q2">已卖出的宝贝</el-dropdown-item>
                                        <el-dropdown-item class="q2">出售中的宝贝</el-dropdown-item>
                                        <el-dropdown-item class="q2">卖家服务市场</el-dropdown-item>
                                        <el-dropdown-item class="q2">卖家培训中心</el-dropdown-item>
                                        <el-dropdown-item class="q2">体检中心</el-dropdown-item>
                                        <el-dropdown-item class="q2">电商学习中心</el-dropdown-item>
                                    </el-dropdown-menu>
                                </el-dropdown>
                            </a>
                            <a href="">
                                <el-dropdown>
                                    <span class="el-dropdown-link" class="q2"
                                          style="text-decoration: none; font-size: 12px">联系客服<i
                                            class="el-icon-arrow-down el-icon--right"></i></span>
                                    <el-dropdown-menu slot="dropdown">
                                        <el-dropdown-item class="q2">消费者客服</el-dropdown-item>
                                        <el-dropdown-item class="q2">卖家客服</el-dropdown-item>
                                    </el-dropdown-menu>
                                </el-dropdown>
                            </a>
                        </div>
                    </el-col>
                </el-row>
            </div>
            <!--                            搜索栏-->
            <div style="width: 100%;height: 121px;">

                <div class="cup J_Cup search-fixed">
                    <div class="top J_Top">
                        <div class="top-wrap clearfix">
                            <div style="width:100px; height:100px;  z-index:99; left:0; top:5%; margin-top:10px;">
                                <div class="tbh-logo J_Module tb-pass" data-name="logo" data-spm="201857"
                                     data-bucket="C">
                                    <div class="logo" style="margin: -18px">
                                        <h1>
                                            <a href="" role="img" class="logo-bd clearfix">淘宝网</a>
                                        </h1>
                                        <h2 aria-hidden="true"><a class="clearfix" href="//www.taobao.com">淘宝网</a></h2>
                                    </div>
                                </div>


                                <div class="search-wrap"
                                     data-spm-anchor-id="a21bo.jianhua/evo255811b326291.201856.i0.5af911d9JL6TEz">
                                    <div data-spm="201856" class="tbh-search J_Module" data-name="search"
                                         data-bucket="C">
                                        <div class="search-bd" id="J_Search">
                                            <el-dropdown style="float:left;margin: 10px">
                                                    <span class="el-dropdown-link">
                                                      宝贝<i class="el-icon-arrow-down el-icon--right"></i>
                                                     </span>
                                                <el-dropdown-menu slot="dropdown">
                                                    <div data-sg-type="tab">
                                                        <ul class="search-suggest-tabs" style="list-style-type:none">
                                                            <li class="search-suggest-tabs-tab" data-value="tmall"
                                                                data-action="//list.tmall.com/search_product.htm"
                                                                data-spm-click="gostr=/tbindex;locaid=d11;name=天猫">天猫
                                                            </li>
                                                            <li class="search-suggest-tabs-tab" data-value="shop"
                                                                data-action="//shopsearch.taobao.com/browse/shop_search.htm"
                                                                data-spm-click="gostr=/tbindex;locaid=d12;name=店铺">店铺
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </el-dropdown-menu>
                                            </el-dropdown>
                                            <form data-sg-type="form" target="_top" action="//s.taobao.com/search"
                                                  name="search" id="J_TSearchForm" class="search-panel-focused">
                                                <i class="search-split"></i>
                                                <div class="search-button">
                                                    <button class="btn-search tb-bg" type="submit"
                                                            data-spm-click="gostr=/tbindex;locaid=d13">搜索
                                                    </button>
                                                </div>
                                                <div>
                                                    <input id="q" name="q" style="width: 580px;height: 32px;">

                                                </div>
                                                <input type="hidden" name="commend" value="all">
                                                <input type="hidden" name="ssid" value="s5-e" autocomplete="off">
                                                <input type="hidden" name="search_type" value="item" autocomplete="off">
                                                <input type="hidden" name="sourceId" value="tb.index">
                                                <input type="hidden" name="spm"
                                                       value="a21bo.jianhua.201856-taobao-item.2">
                                                <input type="hidden" name="ie" value="utf8">
                                                <input type="hidden" name="initiative_id" value="tbindexz_20170306">
                                                <!--[if lt IE 9]>
                                                <s class="search-fix search-fix-panellt"></s><s
                                                        class="search-fix search-fix-panellb"></s>
                                                <![endif]-->
                                            </form>
                                        </div>
                                    </div>
                                    <div>

                                    </div>
                                </div>
                            </div>
                            <el-col span="24">
                                <div style="width: 100%;margin-left:270px; margin-top: -50px">
                                    <a href="" class="q2">新款连衣裙</a>
                                    <a href="" class="q2">四件套</a>
                                    <a href="" class="q2">潮流T恤</a>
                                    <a href="" class="q2">时尚女鞋</a>
                                    <a href="" class="q2">短裤</a>
                                    <a href="" class="q2">半身裙</a>
                                    <a href="" class="q2">男士外套</a>
                                    <a href="" class="q2">墙纸</a>
                                    <a href="" class="q2">行车记录仪</a>
                                    <a href="" class="q2">新款男鞋</a>
                                    <a href="" class="q2">耳机</a>
                                    <a href="" class="q2">时尚女包</a>
                                    <a href="" class="q2">沙发</a>
                                </div>


                                <div class="J_TmallSearchContent J_HotWord J_TmallHotWord tmall-hot-word"
                                     data-spm-ab="tmallHotWords"></div>


                            </el-col>
                            <div class="tbh-qr-wrapper">
                                <div class="tbh-qr J_Module" data-name="qr" data-spm="201858" data-bucket="C">
                                    <div class="qr">
                                        <a href="" class="qr-bd clearfix">
                                            <span id="mtb" class="h">下载淘宝</span>
                                            <img class="qrcode"
                                                 src=""
                                                 data-src="//img.alicdn.com/tfs/TB18W1cQFXXXXaWXXXXXXXXXXXX-160-160.png"
                                                 aria-labelledby="mtb">
                                        </a>

                                    </div>

                                </div>
                            </div>

                        </div>
                    </div>
                </div>

            </div>

        </el-header>
        <!--首页主体部分-->

        <el-main style=" background-color: #fff;border-radius: 18px 18px 0 0; margin: 0 auto ;">
            <!--顶部-->

            <!--部分1-->
            <el-row>
                <!--                菜单栏-->
                <el-col span="4">
                    <div style="width: 190px;height: 38px;padding-top:14px">
                        <h2 style="font-size: 16px;color: #FF6200;text-align: center">主题市场</h2>
                    </div>
                </el-col>
                <el-col span="10">
                    <div class="nav J_Nav clearfix " style="width: 990px;height: 36px;
                    background-color: #fff;padding: 6px;margin: 0 auto">
                        <ul class="nav-hd " style="list-style-type:none">
                            <li class="pipe"></li>
                            <li class="" style="color: #FF0036"><a href="">天猫</a></li>
                            <li style="color: #FF0036"><a href="">聚划算</a></li>
                            <li style="color: #33c900"><a href="">天猫超市</a></li>
                            <li class="pipe">|</li>
                            <li style="font-size: 14px"><a href="">司法拍卖</a></li>
                            <li style="font-size: 14px"><a href="">飞猪旅行</a></li>
                            <li style="font-size: 14px"><a href="">天天特卖</a></li>
                            <li class="pipe">|</li>
                            <li style="font-size: 14px"><a href="">造点新货</a></li>
                            <li style="font-size: 14px"><a href="">苏宁易购</a></li>
                            <li style="font-size: 14px"><a href="">淘宝心选</a></li>
                            <li style="font-size: 14px"><a href="">智能生活</a></li>
                            <li style="font-size: 14px"><a href="">淘宝直播</a></li>
                        </ul>
                    </div>
                </el-col>
            </el-row>
            <el-row>
                <!--分类部分-->
                <!--                左侧栏-->
                <el-col span="5">
                    <div id="btm_left_mkt" style="width: 212px;height: 526px">
                        <ul style="list-style-type:none">
                            <li><i class="el-icon-goods">&nbsp;&nbsp;<a class="q2" href="">女装</a>
                                &nbsp;/&nbsp;<a class="q2" href="">内衣</a>&nbsp;/&nbsp;
                                <a class="q2" href="">家居</a>
                                <p></p></i></li>
                            <li><i class="el-icon-goods">&nbsp;&nbsp;<a class="q2" href="">女鞋</a>
                                &nbsp;/&nbsp;<a class="q2" href="">男鞋</a>&nbsp;/&nbsp;
                                <a class="q2" href="">箱包</a>
                                <p></p></i></li>
                            <li><i class="el-icon-goods">&nbsp;&nbsp;<a class="q2" href="">母婴</a>
                                &nbsp;/&nbsp;<a class="q2" href="">童装</a>&nbsp;/&nbsp;
                                <a class="q2" href="">玩具</a>
                                <p></p></i></li>
                            <li><i class="el-icon-goods">&nbsp;&nbsp;<a class="q2" href="">男装</a>
                                &nbsp;/&nbsp;<a class="q2" href="">户外运动</a>
                                <p></p></i></li>
                            <li><i class="el-icon-goods">&nbsp;&nbsp;<a class="q2" href="">美妆</a>
                                &nbsp;/&nbsp;<a class="q2" href="">彩妆</a>&nbsp;/&nbsp;
                                <a class="q2" href="">个护</a>
                                <p></p></i></li>
                            <li><i class="el-icon-goods">&nbsp;&nbsp;<a class="q2" href="item.html">手机</a>
                                &nbsp;&nbsp;/&nbsp;&nbsp;<a class="q2" href="">数码</a>&nbsp;/&nbsp;
                                <a class="q2" href="">企业礼品</a>
                                <p></p></i></li>
                            <li><i class="el-icon-goods">&nbsp;&nbsp;<a class="q2" href="">大家电</a>
                                &nbsp;/&nbsp;<a class="q2" href="">生活电器</a>
                                <p></p></i></li>
                            <li><i class="el-icon-goods">&nbsp;&nbsp;<a class="q2" href="">零食</a>
                                &nbsp;/&nbsp;<a class="q2" href="">生鲜</a>&nbsp;/&nbsp;
                                <a class="q2" href="">茶酒</a>
                                <p></p></i></li>
                            <li><i class="el-icon-goods">&nbsp;&nbsp;<a class="q2" href="">厨具</a>
                                &nbsp;/&nbsp;<a class="q2" href="">收纳</a>&nbsp;/&nbsp;
                                <a class="q2" href="">清洁</a>
                                <p></p></i></li>
                            <li><i class="el-icon-goods">&nbsp;&nbsp;<a class="q2" href="">家纺</a>
                                &nbsp;/&nbsp;<a class="q2" href="">家饰</a>&nbsp;/&nbsp;
                                <a class="q2" href="">鲜花</a>
                                <p></p></i></li>
                            <li><i class="el-icon-goods">&nbsp;&nbsp;<a class="q2" href="">图书影音</a>
                                &nbsp;/&nbsp;<a class="q2" href="">文具</a>&nbsp;
                                <p></p></i></li>
                            <li><i class="el-icon-goods">&nbsp;&nbsp;<a class="q2" href="">医药保健</a>
                                &nbsp;/&nbsp;<a class="q2" href="">进口</a>&nbsp;
                                <p></p></i></li>
                            <li><i class="el-icon-goods">&nbsp;&nbsp;<a class="q2" href="">汽车</a>
                                &nbsp;/&nbsp;<a class="q2" href="">二手车</a>&nbsp;/&nbsp;
                                <a class="q2" href="">用品</a>
                                <p></p></i></li>
                            <li><i class="el-icon-goods">&nbsp;&nbsp;<a class="q2" href="">房产</a>
                                &nbsp;/&nbsp;<a class="q2" href="">装修家具</a>&nbsp;/&nbsp;
                                <a class="q2" href="">建材</a>
                                <p></p></i></li>
                            <li><i class="el-icon-goods">&nbsp;&nbsp;<a class="q2" href="">手表</a>
                                &nbsp;/&nbsp;<a class="q2" href="">眼镜</a>&nbsp;/&nbsp;
                                <a class="q2" href="">珠宝饰品</a>
                                <p></p></i></li>

                        </ul>
                    </div>
                </el-col>
                <!--                轮播图-->
                <el-col span="11">
                    <template>
                        <div class="block" style="width: 520px">
                            <el-carousel height="280px" style="border-radius: 15px;">
                                <el-carousel-item v-for="item in arr" :key="item">
                                    <img :src="item" style="width: 100%;height: 100%" alt="">
                                </el-carousel-item>
                            </el-carousel>
                        </div>
                        <div style="width: 520px;height: 30px;padding-top: 3px">
                            <el-col span="12">
                                <span class="fl bg" class="text clearfix">理想生活上天猫</span>
                            </el-col>
                            <el-col span="12"><span style="float:right"><i>1</i>/5</span>
                            </el-col>
                        </div>
                        <div class="block" style="width: 500px;float: left">
                            <el-carousel height="200px" style="border-radius: 15px;">
                                <el-carousel-item v-for="item in arr2" :key="item">
                                    <img :src="item.url1" style="width: 49%;height: 100%" alt="">
                                    <img :src="item.url2" style="width: 49%;height: 100%" alt="">
                                </el-carousel-item>
                            </el-carousel>
                        </div>

                    </template>
                </el-col>
                <!--                登录-->
                <el-col span="8">
                    <div class="col-right" role="complementary" style="height: 527px; float: left; margin-top: -10px">
                        <div data-spm="201864" class="tbh-member J_Module" data-name="member"
                             data-bucket="C">
                            <div class="member">
                                <div class="member-bd" data-spm-ab="1">
                                    <div class="avatar-wrapper">
                                        <a class="J_MemberHome member-home" href="javascript:;"
                                           target="_self">
                                            <img class="J_MemberAvatar member-avatar"
                                                 src="//wwc.alicdn.com/avatar/getAvatar.do?userNick=&amp;width=50&amp;height=50&amp;type=sns&amp;_input_charset=UTF-8">
                                        </a>
                                    </div>
                                    <a class="J_MemberNickUrl member-nickurl" href="javascript:;"
                                       target="_self">
                                       <span class="member-nick-info">
                                          Hi! <strong class="J_MemberNick member-nick">你好</strong>
                                        </span>
                                    </a>
                                </div>
                                <div class="member-ft">
                                    <div class="member-logout J_MemberLogout" data-spm-ab="2">
                                        <a href="login.html" class="btn-login ml1 tb-bg weight"
                                           data-spm-click="gostr=/tbindex;locaid=d1;name=登录">登录</a>
                                        <a href="reg.html" class="ml2 tb-bg weight"
                                           data-spm-click="gostr=/tbindex;locaid=d2;name=注册">注册</a>
                                        <a href="" class="ml3 tb-bg weight">开店</a>
                                    </div>
                                    <div class="member-login J_MemberLogin" data-spm-ab="3"></div>
                                </div>
                            </div>
                        </div>
                        <div class="tbh-tip J_Module" data-name="tip" data-bucket="C">
                            <div class="tip-main">
                                <div class="tip">


                                    <a href="">
                                        <img src="https://gw.alicdn.com/imgextra/i3/O1CN01Aq7brs1KNeyyozBnm_!!6000000001152-2-tps-356-141.png">
                                    </a>


                                </div>
                            </div>
                            <ul class="tip-nav" style="display:none"></ul>
                        </div>
                        <div data-spm="201865" data-kpm="notice" data-name="notice"
                             class="tbh-notice J_Module" data-spm-max-idx="0" data-bucket="C">
                            <div class="notice-main">
                                <div class="notice-top"><span class="notice-title">公告</span><span
                                        class="notice-desc">新鲜事儿都在这里～</span></div>

                                <div class="notice-content">
                                    <a href="">
                                        <div class="notice-tip">规则</div>
                                    </a>
                                    <a href="">
                                        <p>淘宝网疫情影响地区发货时间要求调整公告</p>
                                    </a>
                                </div>

                                <div class="notice-content">
                                    <a href="">
                                        <div class="notice-tip">热点</div>
                                    </a>
                                    <a href="">
                                        <p>疫情场景淘宝卖家指导手册</p>
                                    </a>
                                </div>

                                <div class="notice-content">
                                    <a href="">
                                        <div class="notice-tip">热点</div>
                                    </a>
                                    <a href="">
                                        <p>淘宝平台打击流量造假、黑公关、网络水军公告</p>
                                    </a>
                                </div>

                            </div>
                        </div>
                        <div data-spm="201866" data-kpm="mytao" data-name="mytao" class="tbh-mytao J_Module"
                             data-bucket="C">
                            <div class="mytao">
                                <div class="mytao-content"><a href=""><span
                                        class="tb-ifont mytao-icon"></span>
                                    <p>收藏的宝贝</p></a></div>
                                <div class="mytao-content"><a href=""><span
                                        class="tb-ifont mytao-icon"></span>
                                    <p>买过的店铺</p></a></div>
                                <div class="mytao-content"><a href=""><span
                                        class="tb-ifont mytao-icon"></span>
                                    <p>收藏的店铺</p></a></div>
                                <div class="mytao-content newlast"><a href=""><span
                                        class="tb-ifont mytao-icon"></span>
                                    <p>我的足迹</p></a></div>
                            </div>
                        </div>

                    </div>
                </el-col>
            </el-row>


            <!--部分2-->
            <h3 class="goods-hd mod-hd com-hd">
                <span class="total-title fl">有好货</span>

                <img class="mlogo fl"
                     src="//img.alicdn.com/imgextra/i1/O1CN01EjcAPM25IsjiwGyYs_!!6000000007504-2-tps-65-20.png"
                     title="有好货">

                <p data-spm-anchor-id="a21bo.jianhua/evo255811b326291.201870.i1.5af911d9pPvCDc">

                    <!-- <span class="subtitle ml6"></span> -->
                </p>
                <!-- <span class="tb-fn clearfix">


                </span> -->
            </h3>
            <div style="width: 1190px;margin-top: 20px">
                <div style="width: 215px;height: 319px;margin: 0 0 2px 20px;display:inline-block" v-for="i in 5">
                    <!--限制数据读取数量的方法-->
                    <el-card :body-style="{padding: '7px 7px 0 7px'} " shadow="hover">
                        <el-image
                                style="height: 215px ; width: 200px; border-radius: 12px"
                                :src="infos[i].mainPic"
                                fit="cover " class="p_img"></el-image>
                        <div class="title"
                             style="margin-top: 9px;height: 44px;width: 200px ;font-size: 16px;overflow:hidden;">
                            <a href="">{{infos[i].title}}</a>
                        </div>
                        <div style="color: #F40">¥{{infos[i].actualPrice}}</div>
                    </el-card>
                </div>
            </div>

            <div style="width: 1190px;">
                <h3 class="hotsale-hd mod-hd bar-hd" style="height: 34px;">
                    <span class="total-title fl">猜你喜欢</span>
                    <img class="mlogo fl"
                         src="//img.alicdn.com/imgextra/i3/O1CN01x0HokP1RvHJCaEcuY_!!6000000002173-2-tps-65-20.png"
                         title="猜你喜欢">
                </h3>
                <div style="width: 215px;height: 319px;margin: 0 0 2px 20px;display:inline-block" v-for="i in 75">
                    <!--限制数据读取数量的方法-->
                    <el-card :body-style="{padding: '7px 7px 0 7px'} " shadow="hover">
                        <el-image
                                style="height: 215px ; width: 200px; border-radius: 12px"
                                :src="infos[i].mainPic"
                                fit="cover " class="p_img"></el-image>
                        <div class="title"
                             style="margin-top: 9px;height: 44px;width: 200px ;font-size: 16px;overflow:hidden;">
                            <a href="">{{infos[i].title}}</a>
                        </div>
                        <div style="color: #F40">¥{{infos[i].actualPrice}}</div>
                    </el-card>
                </div>
            </div>
            <div></div>
            <!--部分3-->
            <div></div>
            <!--右侧悬浮工具-->
            <div></div>
        </el-main>

        <el-footer style="padding: 0; height: 322px; margin: 0 auto">
            <div>

                <p>
                    <a href="" class="q2">阿里巴巴集团</a>
                    <b class="q2">|</b>
                    <a href="" class="q2">阿里巴巴国际站</a>
                    <b class="q2">|</b>
                    <a href="" class="q2">阿里巴巴中国站</a>
                    <b class="q2">|</b>
                    <a href="" class="q2">全球速卖通</a>
                    <b class="q2">|</b>
                    <a href="" class="q2">淘宝网</a>
                    <b class="q2">|</b>
                    <a href="" class="q2">天猫</a>
                    <b class="q2">|</b>
                    <a href="" class="q2">聚划算</a>
                    <b class="q2">|</b>
                    <a href="" class="q2">一淘</a>
                    <b class="q2">|</b>
                    <a href="" class="q2">阿里妈妈</a>
                    <b class="q2">|</b>
                    <a href="" class="q2">阿里云计算</a>
                    <b class="q2">|</b>
                    <a href="" class="q2">云OS</a>
                    <b class="q2">|</b>
                    <a href="" class="q2">万网</a>
                    <b class="q2">|</b>
                    <a href="" class="q2">支付宝</a>
                </p>
            </div>
            <div>
                <p>
                    <a href="" class="q2">关于淘宝</a>
                    <a href="" class="q2">合作伙伴</a>
                    <a href="" class="q2">营销中心</a>
                    <a href="" class="q2">联系客服</a>
                    <a href="" class="q2">开放平台</a>
                    <a href="" class="q2">诚征英才</a>
                    <a href="" class="q2">联系我们</a>
                    <a href="" class="q2">网站地图</a>
                    <a href="" class="q2">法律声明及隐私权政策</a>
                    <em class="q2">&copy; 2022 Taobao.com 版权所有</em>
                </p>
                <p>
                    <span class="q2">网络文化经营许可证：<a
                            href="//img.alicdn.com/tps/i4/T1ysdvXtNeXXcPpEkQ-972-636.jpg">文网文[2010]040号</a></span>
                    <b class="q2">|</b>
                    <span class="q2">增值电信业务经营许可证：浙B2-20080224-1</span>
                    <b class="q2">|</b>
                    <span class="q2">信息网络传播视听节目许可证：1109364号</span>
                </p>
            </div>
        </el-footer>
    </el-container>
</div>
</body>
<!-- import Vue before Element -->


<script src="js/vue.js"></script>
<!-- import JavaScript -->
<script src="js/eui.js"></script>
<script src="js/data.js"></script>
<script>
    let v = new Vue({
        el: '#app',
        data: function () {
            return {
                infos: info_data,
                arr: ["https://img.alicdn.com/imgextra/i3/6000000004839/O1CN01qAZtjk1lcJJYxYOJN_!!6000000004839-0-octopus.jpg",
                    "https://a1.alicdn.com/assets/p4p-fallback/mm_12852562_1778064_13670999.jpg",
                    "https://a1.alicdn.com/assets/p4p-fallback/mm_12852562_1778064_13674396.jpg",
                    "https://a1.alicdn.com/assets/p4p-fallback/mm_12852562_1778064_13672849.jpg",
                    "https://img.alicdn.com/imgextra/i1/6000000007265/O1CN01y7uWSe23XQAcoGe22_!!6000000007265-0-octopus.jpg"],
                arr2: [{url1: "https://a1.alicdn.com/assets/p4p-fallback/mm_12852562_1778064_48432768.jpg", url2: "https://a1.alicdn.com/assets/p4p-fallback/mm_12852562_1778064_48458242.jpg"},
                    {url1: "https://img.alicdn.com/imgextra/i1/6000000007008/O1CN01J3uiT021diNo1wguy_!!6000000007008-0-octopus.jpg_240x240q90.jpg", url2: "https://img.alicdn.com/imgextra/i4/6000000003683/O1CN01jXqNEM1d4rShtj0FX_!!6000000003683-0-octopus.jpg_240x240q90.jpg"},
                    {url1: "https://img.alicdn.com/tfs/TB1IQPsEFzqK1RjSZFoXXbfcXXa-502-380.jpg_240x240q90.jpg", url2: "https://img.alicdn.com/tfs/TB1x7TyENYaK1RjSZFnXXa80pXa-502-380.jpg_240x240q90.jpg"},
                    {url1: "https://img.alicdn.com/tfs/TB1Cq1HekvoK1RjSZPfXXXPKFXa-502-380.jpg_240x240q90.jpg", url2: "https://img.alicdn.com/tfs/TB1xwW3eiLaK1RjSZFxXXamPFXa-502-380.jpg_240x240q90.jpg"},
                    {url1: "https://img.alicdn.com/tfs/TB1jq1HekvoK1RjSZPfXXXPKFXa-502-380.jpg_240x240q90.jpg", url2: "https://img.alicdn.com/tfs/TB1NASFejDpK1RjSZFrXXa78VXa-502-380.jpg_240x240q90.jpg"}]
            }
        }
    })
</script>
</html>